<template>
	<view id="app">
		<view class="container fdc">
			<view class="df fdc mtb10 bgw ">
				<view class="df ptb20 plr15 bdb1s brcce">
					<view class="w300 h180 br15 courseImg"><image :src="order.course_thumb"></image></view>
					<view class="f1 ml15 df fdc">
						<view class="f30 fw4 h120 t2hd">{{order.course_title}}</view>
						<view class="df aic cdebug f32 fw8">¥{{order.order_price}}</view>
					</view>
				</view>
			</view>
			<view class="bgw mt20 ver ais plr20">
				<view class=" rows plr20 ptb20  bdb1s brcce aic">
					<view class="f28 c333 ">订单号</view>
					<view class="f30 c000">{{order.order_sn}}</view>
				</view>
				<view class=" rows plr20 ptb20">
					<view class="f28 c333 ">退款金额</view>
					<view class="cdebug f30 fw8">¥{{order.order_price}}</view>
				</view>
			</view>
			<view class="bgw mt20 ver ais plr20">
				<view class=" rows plr20 pt20">
					<view class="f28 c333 ">退款原因</view>
				</view>
				<view class="plr20 ptb20  ">
					<uv-radio-group 
							v-model="radiovalue" 
							placement="column" 
							iconPlacement="right">
							<uv-radio name="重新购买" label="重新购买" customStyle="padding-top:8px; padding-bottom:8px;border-bottom:1px solid #eee"></uv-radio>
							<uv-radio name="不需要了" label="不需要了" customStyle="padding-top:8px; padding-bottom:8px;border-bottom:1px solid #eee"></uv-radio>
							<uv-radio name="预约问题" label="预约问题" customStyle="padding-top:8px; padding-bottom:8px;border-bottom:1px solid #eee"></uv-radio>
						</uv-radio-group>
				</view>
				<view class="plr20 ptb20">
					<uv-button text="申请退款" color="#145cfe"></uv-button>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	let that ;
	export default {
		data() {
			return {
				id:0,
				order:{},
			}
		},
		onLoad(e){
			that = this;
			if(e.id){
				this.id = e.id;
			}
			this.getDetail()
		},
		methods: {
			getDetail:function(){
				this.request({
					url:"/api/order/detail",
					data:{id:this.id},
					success:function(rlt){
						if(rlt.code == '200'){
							that.order = rlt.data;
						}
					}
				})
			},
			handle(e){
				uni.navigateTo({
					url:"/pages/"+e,
				})
			}
		},
	}
</script>

<style>

</style>
